/* 清除标签默认样式 */
* {
  margin: 0;
  padding: 0;
}

/* 清除默认项目图标 */
ul {
  list-style: none;
}

/*a {*/
/*  width: 150px;*/
/*  height: 30px;*/
/*  text-decoration: none;*/
/*  display: block;*/
/*  margin: 10px auto;*/
/*  background: goldenrod;*/
/*  color: #fff;*/
/*  border-radius: 15px;*/
/*  line-height: 30px;*/
/*}*/

/*a:hover {*/
/*  background: gold;*/
/*  color: #666;*/
/*}*/

/* 这个网页页面 设置 */
body {
  background: #000; /* 页面背景色 */
  text-align: center; /* 文本 水平居中 */
}

.列表 {
  display: flex; /* flex布局 */
  flex-wrap: wrap; /* flex布局, 弹性盒子可以换行 */

  width: 500px; /* 版面宽 */
  margin: 20px auto; /* 版面 版心居中 */
}

/* 说明: 每一个li标签里是 英雄的图片 */
.列表 li {
  position: relative; /* 定位 相对定位 */
  transition: all 1s; /* 过渡属性 渐变效果 */
  margin-top: 15px; /* 上外边距 */
}

.列表 li:first-child {
  /*margin-left: 0;*/
}

/* 鼠标悬停状态 */
.列表 li:hover {
  transform: scale(1.3); /* 图片放大1.3 */
  z-index: 999; /* 层叠 指数 */
}

.列表 li img {
  width: 100px; /* 图片大小 */
}